import type { Config } from "tailwindcss";
import colors from "tailwindcss/colors";
import daisyui from "daisyui";
import { iconsPlugin, getIconCollections } from "@egoist/tailwindcss-icons";

export default {
  content: ["./app/**/{**,.client,.server}/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      fontFamily: {
        sans: [
          "Inter",
          "ui-sans-serif",
          "system-ui",
          "sans-serif",
          "Apple Color Emoji",
          "Segoe UI Emoji",
          "Segoe UI Symbol",
          "Noto Color Emoji",
        ],
      },
      screens: {
        "3xl": "1600px",
        "4xl": "1820px",
      },
      colors: {
        major: colors.indigo,
      },
    },
  },
  plugins: [
    daisyui,
    iconsPlugin({
      // Specify the icon libraries you want to use
      collections: getIconCollections(["heroicons"]),
    }),
  ],
  daisyui: {
    themes: ["light", "dark", "cupcake"],
  },
  darkMode: ['class', '[data-theme="dark"]']
} satisfies Config;
